import Vue from "vue";
import VueRouter from 'vue-router'
import Login from '../components/Login'
import Home from '../components/Home'
import Welcome from '../components/Welcome'
import Users from '../components/user/Users'
import Rights from '../components/power/Rights'
import Roles from '../components/power/Roles'
import Cate from '../components/goods/Cate.vue'
import Params from '../components/goods/Params'
import GoodsList from '../components/goods/GoodsList'
import Add from '../components/goods/Add'
import Order from '../components/order/Order'
import Report from '../components/report/Report'
// 引入全局css
import '../assets/css/global.css'

Vue.use(VueRouter)

const router = new VueRouter({
    routes: [
        {
            path: '/',
            redirect: '/login'
        },
        {
            path: '/login',
            component: Login
        },
        {
            path: '/home',
            component: Home,
            redirect: '/welcome',
            children: [
                {
                    path: "/welcome",
                    component: Welcome
                },
                {
                    path: "/users",
                    component: Users
                },
                {
                    path: "/rights",
                    component: Rights
                },
                {
                    path: "/roles",
                    component: Roles
                },
                {
                    path: "/categories",
                    component: Cate
                },
                {
                    path: '/params',
                    component: Params
                }, {
                    path: "/goods",
                    component: GoodsList
                },
                {
                    path: "/goods/add",
                    component: Add
                }, {
                    path: "/orders",
                    component: Order
                }, {
                    path: "/reports",
                    component: Report
                }
            ]
        }
    ]
})

// 前置路由守卫
router.beforeEach((to, from, next) => {
    // 判断是不是登录页面
    if (to.path === '/login') return next()
    // 判断是否有token
    const tokenStr = window.sessionStorage.getItem('token')
    if (!tokenStr) return next('/login')
    // 一切正常
    next()
})

export default router;